<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./font_4244860_94hkznoiqd/iconfont.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="./css/goodslist.css">
</head>
<body>
    <!-- top -->
    <div class="top">
        <span class="back iconfont icon-zuojiantou"></span>
        <div class="title">商品列表</div>
    </div>

    <!-- 搜索区域 -->
    <div class="list_tab">
        <div class="list_tab_search">
            <div class="list_tab_content">
                <a href="./search.html">
                    <span class="iconfont icon-sousuo"></span>
                    <span>搜索商品</span>
                </a>
            </div>
        </div>
        <div class="list_tab_more">
            <a href="#">
                <span class="iconfont icon-fenlei more"></span>
            </a>
        </div>
    </div>

    <!-- 综合销量栏 -->
    <div class="list_title">
        <ul>
          <li><a href="#" class="active" data-id="0">综合</a></li>
          <li><a href="#" data-id="1">销量</a></li>
          <li>
            <a href="#" data-id="2">
              <div class="price" data-id="2">价格</div>
              <div class="row">
                <span class="iconfont icon-up" data-id="2"></span>
                <span class="iconfont icon-xiajiantou-copy" data-id="2"></span>
              </div>
            </a>
          </li>
        </ul>
    </div>

    <!-- 商品详情 -->
    <ul class="list_content" id="list_content">
        <li>
          <a href="#">
            <div class="pic">
              <img src="http://cba.itlike.com/public/uploads/10001/20230321/8f505c6c437fc3d4b4310b57b1567544.jpg" alt="">
            </div>
            <div class="info">
              <div class="txt ellipsis-2">三星手机 SAMSUNG Galaxy S23 8GB+256GB 超视觉夜拍系统 超清夜景 悠雾紫 5G手机 游戏拍照旗舰机s23</div>
              <div class="num"><span>已售1201011件</span></div>
              <div class="price">
                <span class="one">￥<i>0.01</i></span>
                <span class="two">￥<i>6699.00</i></span>
              </div>
            </div>
          </a>
        </li>
        <li>
            <a href="#">
              <div class="pic">
                <img src="http://cba.itlike.com/public/uploads/10001/20230321/8f505c6c437fc3d4b4310b57b1567544.jpg" alt="">
              </div>
              <div class="info">
                <div class="txt ellipsis-2">三星手机 SAMSUNG Galaxy S23 8GB+256GB 超视觉夜拍系统 超清夜景 悠雾紫 5G手机 游戏拍照旗舰机s23</div>
                <div class="num"><span>已售1201011件</span></div>
                <div class="price">
                  <span class="one">￥<i>0.01</i></span>
                  <span class="two">￥<i>6699.00</i></span>
                </div>
              </div>
            </a>
        </li>
    </ul>


    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
    <!-- <script src="./js/commen.js"></script> -->
    <script src="./js/goodslist.js"></script>
</body>
</html>